.fs20{
  font-size: 40rpx;
}
.layer-modal-box{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  flex-direction: column;
  .modal-show{
    margin-top: 40%;
    width:560rpx;
    background:rgba(255,255,255,1); 
    text-align: center;
    display: flex;
    flex-flow: column;
    border-radius: 8rpx;
    .detail{
      display: flex;
      justify-content: flex-end;
      padding: 12rpx 24rpx;
      text{
        text-decoration: underline;
        color: green;
      }
    }
    .price{
      color: #ff5050;
      font-weight: 600;
    }
    .total-text{
      text-decoration: underline;
      
      padding: 12rpx 0;
    }
    .advance-text{
      padding: 24rpx 0;
      color: #999999;
    }
    .modal-input{
      display: flex;
      flex-direction: row;
      align-items: center;
      border-top: 1rpx solid #ebedf0;
      border-bottom: 1rpx solid #ebedf0;
      padding: 16rpx 12rpx;
      .cell-left{
        width: 120rpx;
        padding: 12rpx 0;
        font-size: 24rpx;
      }
      .cell-right{
        width: 240rpx;
        font-size: 28rpx;
        .price-input{
          margin-left: 20rpx;
          width: 100%;
          text-align: left;
          font-size: 26rpx;
        }
        .placeh{
          font-size: 26rpx;
        }
      }
    }
    .functions-box{
      display: flex;
      justify-content: center;
      align-items: center;
      .cancel{
        border-right: 1px solid #ebedf0;
      }
      .confirm{
        color: #ff5050;
      }
      .cancel,.confirm{
        padding: 24rpx 0;
        flex: 1;
      }
    }
  }
}

.fs12 {
  font-size: 24rpx;
}
  